<template>
  <div class="wechat-management">
    <el-tabs v-model="activeTab" type="card">
      <el-tab-pane label="用户管理" name="users">
        <WechatUsers />
      </el-tab-pane>
      <el-tab-pane label="消息记录" name="messages">
        <WechatMessages />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import WechatUsers from './users.vue'
import WechatMessages from './messages.vue'

export default {
  name: 'WechatManagement',
  components: {
    WechatUsers,
    WechatMessages
  },
  data() {
    return {
      activeTab: 'users'
    }
  }
}
</script>

<style scoped>
.wechat-management {
  padding: 20px;
}
</style>